<template>
	<vCommonPage type="1" title="医院简介">
		<div slot="customContent" class="content yyjjHome">
			<div class="centerBox">
				<div class="centerTopBox">
					<div class="title">
						一、医院简介
					</div>
					<div class="centerText" v-html="data.introduction">
					</div>
				</div>
			</div>
			<div class="bottomBox">
				<el-button type="primary" class="BtnTextHome" @click="goBack()">返回</el-button>
				<el-button type="primary" class="BtnTextHome" @click="goBackHome()">首页</el-button>
			</div>
		</div>
	</vCommonPage>
</template>

<script>
	import {
		getHosInfo
	} from "@api/apiBox/yyjj"
	export default {
		data() {
			return {
				data:""
			}
		},
		methods: {
			async initData(){
				let data={
					data:{
						hospitalId: this.$store.state.terminfo.hospId //医院ID
					},
					that: this
				}
				const res = await getHosInfo(data);
				this.data = res.data
				console.log(res)
			}
		},
		created() {
			this.initData();
		}
	}
</script>

<style scoped rel="stylesheet/scss" lang="scss">
	.centerBox {
		margin-top: calc(50% - 32rem);
		margin-left: 13px;
		background: #FFFFFF;
		box-shadow: 0px 1px 27px 0px rgba(42, 103, 177, 0.09);
		border-radius: 8px;
		padding: 44px;
		width: 65.75rem;
		height: 35.8125rem;
		overflow: auto;

		.centerTopBox {
			margin-bottom: 38px;
			.title {
				font-size: 32px;
				font-family: Source Han Sans CN;
				font-weight: bold;
				color: #57A8FF;
			}

			.centerText {
				text-indent: 2em;
				font-size: 28px;
				font-family: Source Han Sans CN;
				font-weight: 400;
				color: #435C7A;
				margin-top: 20px;
			}
		}
	}
</style>
